<template>
  <div class="Broker">
    <p class="Broker-nav"><img src="../../assets/image/Broker.png" alt=""></p>
     <div class="content">
        <p class="content-nav">
            <span>首页></span> 
            <span>招募经纪商</span>
        </p>
        <div class="content-one">
            <p class="one-p">数字资产的流通特点</p>
            <p class="two-p">THE CHARACTERISTICS OF THE CIRCULATION OF DIGITAL ASSETS</p>
            <p class="three-p"></p>
            <div class="content-list">
                <div class="left">
                   <div class="list-one">
                        <div class="one-left">
                            <p class="list-one-img"><img src="./../../assets/image/x.jpg" alt=""></p>
                                <p class="left-p">
                                    <span>跨平台交易</span>
                                    <span>数字资产与其他交易类产品不同，数字资产可以跨平台交易。</span>
                                </p>
                        </div>
                   </div>
                    <div class="two-left">
                            <p class="list-one-img"><img src="./../../assets/image/as3.jpg" alt=""></p>
                            <p class="left-p">
                                <span>流通频率高于常规</span>
                                <span>数字资产往往在行权或核销代币之前,已经进行多次往复交易互换，最大限度地发挥了资产流动性带来的价值。</span>
                            </p>
                    </div>
                    <div class="three-left">
                            <p class="list-one-img"><img src="./../../assets/image/98.jpg" alt=""></p>
                            <p class="left-p">
                                <span>信任前置去中心化发行与管理</span>
                                <span>数字资产在区块链上进行交互，是去中心化的发行流通过程，数字资产与对应的实物具有强锚特性，数字资产具有唯一性，有极高的溯源效应及公允价值。</span>
                            </p>
                    </div>  
                </div>
                <div class="right">
                   <div class="one-right">
                        <p class="list-one-img"><img src="./../../assets/image/xxxa.jpg" alt=""></p>
                        <p class="left-p">
                            <span>业务范围</span>
                            <span>数字资产存/托管、销售、提现结算等业务服务</span>
                        </p>
                   </div>
                   <div class="two-right">
                        <p class="list-one-img"><img src="./../../assets/image/qwea.png" alt=""></p>
                        <p class="left-p">
                            <span>服务对象</span>
                            <span>数字资产发行商、经纪商、投资人</span>
                        </p>
                   </div>
                   <div class="three-right">
                        <p class="list-one-img"><img src="./../../assets/image/oop.png" alt=""></p>
                        <p class="left-p">
                            <span>业务范围</span>
                            <span>数字资产存/托管、销售、提现结算等业务服务</span>
                        </p>
                   </div>
                </div>
            </div>
        </div>
        <div class="Function">
            <div class="Function-container">
                <p class="Function-nav">职能作用</p>
                <p class='Function-english'>FUNCTION FUNCTION</p>
                <p class="Function-border"></p>
                <p class="Function-content">
                   <b>经纪商机构</b>
                   （未来的数字资产银行角色）在数字资产生态体系中占有核心地位。数字资产管理公司为了有效的补充区块链资产数字化的完整生态，
                   设立数字资产经纪商机构，完善数字资产发行、汇兑、流通、居间结算等业务生态，促进区块链资产数字化应用、流通的全景式发展。 
                </p>
                <p class="Function-pImg"><img src="./../../assets/image/114.png" alt=""></p>
            </div>
             
        </div>
        <div class="Scope">
           <div class="Scoped-content">
              <p class="Scoped-nav">业务范围</p>
              <p class="Scoped-english">SCOPE OF BUSINESS</p>
              <p class="Scoped-border"></p>
              <div class="Scoped-container">
                    <div class="Scoped-left">
                        <div class="left-one">
                            <p class="one-top">
                                <img src="./../../assets/image/yewu.png" alt="">
                                <span>数字资产承分销业务</span>
                            </p>
                            <p class="one-bottom"> 
                                经纪商负责将管理公司即将上线交易的数字资产承分销给会员的业务
                            </p>
                        </div>
                        <div class="left-two">
                            <p class="one-top">
                                <img src="./../../assets/image/chucun.png" alt="">
                                <span>数字资产C2C投资</span>
                            </p>
                            <p class="one-bottom"> 
                                经纪商可辅导会员使用购买的数字资产到交易平台进行其他数字资产交易、投资和行权呆逼的买卖。撮合会员和会员间的数字资产买卖。
                            </p>
                        </div>
                    </div>
                    <div class="Scoped-right">
                      <div class="right-one">
                          <p class="one-top">
                                <img src="../../assets/image/diqiu.png" alt="">
                                <span>提现结算居间服务</span>
                            </p>
                            <p class="one-bottom"> 
                                经纪商负责向会员开展点对点结算业务进行数字资产销售和赎回结算服务。
                            </p>   
                      </div>
                      <div class="right-two">
                            <p class="one-top">
                                <img src="../../assets/image/qian.png" alt="">
                                <span>数字资产同业拆借</span>
                            </p>
                            <p class="one-bottom"> 
                                经纪商同经纪商之间可进行同业拆借业务。
                            </p> 
                      </div>
                    </div>
              </div>
             
           </div>
        </div>
        <div class="Profit">
            <div class="Profit-contents">
               <p class="Profit-nav">收益</p>
                    <p class="Profit-english">PROFIT</p>
                    <p class="Profit-border"></p>
                    <div class="Profit-content">
                        <p class="content-biaoti">经纪商机构四大收益</p>
                        <p class="content-img"><img src="./../../assets/image/tu.png" alt=""></p>
                        <div class="li-one">
                            <p class="one-th">会员提现结算服务佣金</p>
                            <p class="one-tr">会员需要结算(提现)时，经纪商负责为会员结算赚取提现服务佣金。</p>
                            <p class="one-right">会员提现佣金</p>
                        </div>
                        <div class="li-two">
                            <p class="one-th">数字资产销售收益</p>
                            <p class="one-tr">新的数字资产上市销售，经纪商可根据不同的数字资产享受相应的优惠政策。</p>
                            <p class="one-right">销售提点</p>
                        </div>
                        <div class="li-three">
                            <p class="one-th">数字资产增值收益</p>
                            <p class="one-tr">经纪商购买数字资产后，数字资产增值收益全部由经纪商收取。</p>
                            <p class="one-right">增值回报</p>
                        </div>
                        <div class="li-four">
                            <p class="one-th">数字资产同业拆借收益</p>
                            <p class="one-tr">经纪商购买数字资产后根据同业拆借规则，销售拆借产品，赚取利息。</p>
                            <p class="one-right">拆借利息</p>
                        </div>
                    </div>
            </div>
                   
        </div>
        <div class="Settlement">
            <div class="Settlement-content">
                 <div class="Settlement-left">
                    <p class="left-nav">会员提现结算居间服务收益</p>
                    <p class="left-img"><img src="./../../assets/image/yiji.png" alt=""></p>
                </div>
                <div class="Settlement-right"> 
                    <div class="right-one">
                            <p class="right-nav">赎回结算手续费标准</p>
                            <div class="right-tr">
                                <p>提现手续费为提现金额的0.5%</p>
                                <p>投资会员向一级经纪商结算提现，一级经纪商收取提现额0.3%手续费；</p>
                                <p>投资会员向二级经纪商结算提现，二级经纪商收取提现额0.1%手续费；</p>
                            </div>
                    </div>
                    <div class="right-two">
                            <p class="right-nav">首次赎回结算规则</p>
                            <div class="right-tr">
                                <p>经纪商首次认购数字资产后的首次赎回结算期限不少于&nbsp;25&nbsp;天，开始赎回后的结算T+5个工作日，</p>
                                <p>经纪商同旗下会员的首次赎回结算期限不少于&nbsp;30&nbsp;天，开始赎回后的结算T+1个工作日。</p>
                            </div>
                    </div>
                    
                </div>
            </div>
          
        </div>
        <div class="Asset">
            <div class="Asset-content">
                <div class="Asset-left">
                        <p class="left-nav">数字资产销售收益</p>
                        <p class="left-border"></p>
                        <p class="left-tr">数字资产在正式上线交易平台进行二级市场交易前，经纪商可选择包销或分销方式进行内部承销价认购，再转销给会员，获得差额利润。</p>
                </div>
                <div class="Asset-right">
                   <img src="./../../assets/image/qiqiu.png" alt="">
                </div>
            </div>
            
        </div>
        <div class="increment">
          <div class="increment-content">
            <div class="increment-left">
              <img src="./../../assets/image/huaban.png" alt="">
            </div>
            <div class="increment-right">
                <p class="right-nav">数字资产增值收益</p>
                <p class="right-border"></p>
                <p class="right-tr">数字资产在二级市场交易当中具有增值属性，经纪商可根据数字资产属性自由选择销售或持有赚取增值收益</p>
            </div>
          </div>
        </div>
        <div class="Borrow">
            <div class="Borrow-content">
                <p class="Borrow-nav">数字资产同业拆借收益</p>
                <p class="Borrow-border"></p>
                <p class="Borrow-tr">经纪商和经纪商之间可进行拆借服务赚取拆借利息，具体交易细规见同业拆借交易规则。</p>
                <p class="Borrow-img"><img src="./../../assets/image/117.png" alt=""></p>
            </div>
           
        </div>
        <div class="condition">
            <div class="condition-content">
               <div class="content-one">
                    <p class="one-nav">申请成立条件</p>
                    <p class="one-bottom"></p>
                    <p class="one-tr">经纪商通过向讯丰数字资产公司提供机构或个人的相关资质，
                        符合讯丰数字资产公司对经纪商资质的审核标准并缴纳经纪商保证金和首批认缴
                        数字资产数量，成为讯丰数字资产公司经纪商。
                    </p>
               </div>
               <div class="content-two">
                   <p class="two-nav">&nbsp;准入门槛&nbsp;：</p>
                   <div class="two-cont">
                      <div class="cont-left">
                         <p class="left-nav">一级经纪商</p>
                         <p class="left-border"></p>
                         <div class="left-content">
                             <div class="left-one">
                                 <p class="one-p">1</p>
                                 <p class="two-p">保证金50万元人民币（解除合同后返还）</p>
                             </div>
                             <div class="left-one" style="margin-top:35px;">
                                 <p class="one-p">2</p>
                                 <p class="two-p">首次认购数字资产100万元人民币</p>
                             </div>
                             <div class="left-one" style="margin-top:35px;">
                                 <p class="one-p">3</p>
                                 <p class="two-p">旗下管理员不低于50人</p>
                             </div>
                             <div class="left-one" style="margin-top:35px;">
                                 <p class="one-p">4</p>
                                 <p class="two-p">月交易流水不低于500万元人民币</p>
                             </div>
                         </div>
                      </div>
                      <div class="cont-right">
                         <p class="left-nav">二级经纪商</p>
                         <p class="left-border"></p>
                         <div class="left-content">
                             <div class="left-one">
                                 <p class="one-p">1</p>
                                 <p class="two-p">保证金30万元人民币（解除合同后返还）</p>
                             </div>
                             <div class="left-one" style="margin-top:35px;">
                                 <p class="one-p">2</p>
                                 <p class="two-p">首次认购数字资产50万元人民币</p>
                             </div>
                             <div class="left-one" style="margin-top:35px;">
                                 <p class="one-p">3</p>
                                 <p class="two-p">旗下管理员不低于30人</p>
                             </div>
                             <div class="left-one" style="margin-top:35px;">
                                 <p class="one-p">4</p>
                                 <p class="two-p">月交易流水不低于300万元人民币</p>
                             </div>
                         </div>
                      </div>
                   </div>
               </div>
            </div>
        </div>
     </div>
  </div>
</template>

<script>
export default {
      
     data(){
         return{
             data:[
                 {name:'跨平台交易',img:require('../../assets/image/x.jpg'),names:"数字资产与其他交易类产品不同，数字资产可以跨平台交易。"},
                 {name:'流通频率高于常规',img:require('../../assets/image/as3.jpg'),names:"数字资产往往在行权或核销代币之前,已经进行多次往复交易互换，最大限度地发挥了资产流动性带来的价值。"},
                 {name:'信任前置去中心化发行与管理',img:require('../../assets/image/98.jpg'),names:"数字资产在区块链上进行交互，是去中心化的发行流通过程，数字资产与对应的实物具有强锚特性，数字资产具有唯一性，有极高的溯源效应及公允价值。"},
                 ],
         }
     },

}

</script>
<style scoped lang="scss">
.Scoped-container{
    display: flex;
    flex-direction: row;
}
.Broker{
    width:100%;
    font-size:16px;
    .Broker-nav{
        width:100%;
        height:200px;
        img{
            width:100%;
            height:100%;
        }
    }
    .content{
        width:100%;
        background: #fff;
        .content-nav{
            width:1200px;
            height:70px;
            margin:0 auto;
            border-bottom:1px solid #dddddd;
            font-size:14px;
            margin-bottom:51px;
            :nth-child(1){
                display:inline-block;
                margin-top:36px;
                color:#666666;
            }
            :nth-child(2){
                color:#fd8d56;
            }
        }
        .content-one{
            width:1000px;
            height:700px;
            margin:0 auto;
            position: relative;
         .one-p{
             text-align:center;
             font-size:30px;
         }
         .two-p{
             text-align:center;
             color: #f3830c;
             margin-top:16px;
             margin-bottom:103px;
             
         }
         .three-p{
             width:90px;
             border:1px solid #222222;
             position: absolute;
             top:80px;
             left:444px;
         }
         .content-list{
            width:935px;
            height:535px;
            margin: auto;
            display: flex;
            flex-direction: row;
           .list-one{
              width:328px;
              height:106px;
              margin-right:270px;
              margin-bottom:70px;
             .one-left{
                        display: flex;
                        flex-direction: row;
                    .list-one-img{
                        margin-right:25px;
                        img{
                            width:105px;
                            height:105px;
                        }
                    }
                    .left-p{
                        display: flex;
                        flex-direction: column;
                            :nth-child(1){
                                font-size: 22px;
                                height:45px;
                                line-height:45px;
                                color:#666666;
                                margin-bottom:8px;
                            }
                            :nth-child(2){
                                font-size:13px;
                                color:#9a9a9a;
                                line-height:20px;
                                letter-spacing:1px;
                            }
                    }
            }
            
           }
           .two-left{
               width:355px;
               height:106px;
               display: flex;
               flex-direction: row;
               margin-right:235px;
               margin-bottom:70px;
                .list-one-img{
                        margin-right:19px;
                        img{
                            width:105px;
                            height:105px;
                        }
                }
                .left-p{
                        display: flex;
                        flex-direction: column;
                            :nth-child(1){
                                font-size: 22px;
                                height:45px;
                                line-height:45px;
                                color:#666666;
                            }
                            :nth-child(2){
                                font-size:13px;
                                color:#9a9a9a;
                                line-height:20px;
                                letter-spacing:1px;
                            }
                }
           }
           .three-left{
               width:453px;
               height:106px;
               display: flex;
               flex-direction: row;
               margin-right:140px;
               margin-bottom:70px;
                .list-one-img{
                        margin-right:21px;
                        img{
                            width:105px;
                            height:105px;
                        }
                }
                .left-p{
                        display: flex;
                        flex-direction: column;
                            :nth-child(1){
                                font-size: 22px;
                                height:45px;
                                line-height:45px;
                                color:#666666;
                            }
                            :nth-child(2){
                                font-size:13px;
                                color:#9a9a9a;
                                line-height:22px;
                                letter-spacing:1px;
                            }
                }
           }
           .one-right{
               width:292px;
               height: 106px;
               display: flex;
               flex-direction: row;
               margin-bottom:70px;
                .list-one-img{
                        margin-right:25px;
                        img{
                            width:105px;
                            height:105px;
                        }
                }
                .left-p{
                        display: flex;
                        flex-direction: column;
                            :nth-child(1){
                                font-size: 22px;
                                height:45px;
                                line-height:45px;
                                color:#666666;
                            }
                            :nth-child(2){
                                font-size:13px;
                                color:#9a9a9a;
                                line-height:20px;
                                letter-spacing:1px;
                            }
                }
           }
           .two-right{
               width:242px;
               height: 106px;
               display: flex;
               flex-direction: row;
               margin-bottom:70px;
                .list-one-img{
                        margin-right:25px;
                        img{
                            width:105px;
                            height:105px;
                        }
                }
                .left-p{
                        display: flex;
                        flex-direction: column;
                            :nth-child(1){
                                font-size: 22px;
                                height:45px;
                                line-height:45px;
                                color:#666666;
                            }
                            :nth-child(2){
                                font-size:13px;
                                color:#9a9a9a;
                                line-height:20px;
                                letter-spacing:1px;
                            }
                }
           }
           .three-right{
               width:346px;
               height: 106px;
               display: flex;
               flex-direction: row;
               margin-bottom:70px;
                .list-one-img{
                        margin-right:25px;
                        img{
                            width:105px;
                            height:105px;
                        }
                }
                .left-p{
                        display: flex;
                        flex-direction: column;
                            :nth-child(1){
                                font-size: 22px;
                                height:45px;
                                line-height:45px;
                                color:#666666;
                            }
                            :nth-child(2){
                                font-size:13px;
                                color:#9a9a9a;
                                line-height:20px;
                                letter-spacing:1px;
                            }
                }
           }
         }
        }
        .Function{
            width:100%;
            height:690px;
            background: #f7f7f7;
            .Function-container{
                width:1000px;
                height:624px;
                margin:0 auto;
                position: relative;
                .Function-nav{
                    font-size:30px;
                    text-align: center;
                    padding:44px 0 23px 0;
                }
                .Function-english{
                    color:#f0860b;
                    font-size:18px;
                    text-align: center;
                    font-weight:600;
                    letter-spacing:1px;
                    margin-bottom: 66px;
                }
                .Function-border{
                    width:90px;
                    border:1px solid #333333;
                    position: absolute;
                    top:128px;
                    left:450px;
                }
                .Function-content{
                    font-size:16px;
                    letter-spacing: 1px;
                    line-height:30px;
                    margin-bottom:40px;
                    b{
                        font-weight:600;
                    }
                }
                .Function-pImg{
                    width:800px;
                    height:315px;
                    margin:0 auto;
                    img{
                        width: 100%;
                        height:100%;
                    }
                }
            }
        }
        .Scope{
            width:100%;
            height:650px;
           .Scoped-content{
               width:1000px;
               height:650px;
               margin:0 auto;
               position: relative;
            .Scoped-nav{
                font-size:30px;
                margin-top:85px;
                margin-bottom:20px;
                text-align: center;
            }
            .Scoped-english{
                text-align: center;
                color:#f3840b;
                margin-bottom:103px;
            }
            .Scoped-border{
                width:90px;
                border:1px solid black;
                position: absolute;
                top:96px;
                left:450px;
            }
            .Scoped-left{
                width:440px;
                height:300px;
                margin-right:130px;
                display: flex;
                flex-direction: column;
                .left-one{
                    height:116px;
                    margin-bottom:43px;
                    .one-top{
                        display: flex;
                        align-items: center;
                        margin-bottom:15px;
                        img{
                            width:52px;
                            height:52px;
                            margin-right:15px;
                        }
                        span{
                            font-size:22px;
                        }
                    }
                    .one-bottom{
                        font-size:18px;
                        line-height:25px;
                        color:#494949;
                    }
                    
                }
                .left-two{
                    height:145px;
                    .one-top{
                        display: flex;
                        align-items: center;
                        margin-bottom:15px;
                        img{
                            width:52px;
                            height:52px;
                            margin-right:15px;
                        }
                        span{
                            font-size:22px;
                        }
                    }
                    .one-bottom{
                        font-size:18px;
                        line-height:25px;
                        color:#494949;
                    }
                }
            }
            .Scoped-right{
                width:432px;
                height:300px;
                display: flex;
                flex-direction: column;
                .right-one{
                    width:432px;
                    height:113px;
                    margin-bottom:43px;
                    .one-top{
                        display: flex;
                        align-items: center;
                        margin-bottom:15px;
                        img{
                            width:52px;
                            height:52px;
                            margin-right:15px;
                        }
                        span{
                            font-size:22px;
                        }
                    }
                    .one-bottom{
                        font-size:18px;
                        line-height:25px;
                        color:#494949;
                    }
                }
                .right-two{
                    width:342px;
                    height:113px;
                    .one-top{
                        display: flex;
                        align-items: center;
                        margin-bottom:15px;
                        img{
                            width:52px;
                            height:52px;
                            margin-right:15px;
                        }
                        span{
                            font-size:22px;
                        }
                    }
                    .one-bottom{
                        font-size:18px;
                        line-height:25px;
                        color:#494949;
                    }
                }
            }
           }
        }
        .Profit{
            width: 100%;
            height:835px;
            background:#f7f7f7;
            .Profit-contents{
                width:1073px;
                height:835px;
                margin:0 auto;
                position: relative;
                .Profit-nav{
                    font-size:30px;
                    text-align:center;
                    padding-top:75px;
                    margin-bottom: 20px;
                }
                .Profit-english{
                    text-align: center;
                    font-size:20px;
                    color:#f3840b;
                    margin-bottom:101px;
                }
                .Profit-border{
                    width:90px;
                    border:1px solid black;
                    position: absolute;
                    top:158px;
                    left:492px;
                }
                .Profit-content{
                    width:1072px;
                    height:475px;
                    margin:0 auto;
                    position: relative;
                    .content-biaoti{
                        font-size:30px;
                        font-weight:600;
                        margin-bottom:56px;
                    }
                    .content-img{
                        width:390px;
                        // height: 415px;
                        position: absolute;
                        top:32px;
                        right: 132px;
                        img{
                            width:100%;
                            height:100%;
                        }
                    }
                    .li-one{
                            width:1072px;
                            height:70px;
                            box-sizing: border-box;
                            border-bottom:1px solid black;
                            position: relative;
                            .one-th{
                                font-size: 23px;
                                color:#f38409;
                                font-weight:600;
                            }
                            .one-tr{
                                color:#333333; 
                                font-size:18px;
                                padding:15px 0;
                            }
                            .one-right{
                                color:#666666;
                                font-size:18px;
                                font-weight:600;
                                position: absolute;
                                top:13px;
                                right: 13px;
                            }
                            
                    }
                    .li-two{
                        width:1072px;
                        height: 112px;
                        border-bottom:1px solid #d2d2d2;
                        position: absolute;
                        left: 0;
                        top: 70;
                        .one-th{
                                font-size: 23px;
                                color:#f38409;
                                font-weight:600;
                                padding-top:32px;
                                margin-bottom:19px;
                            }
                        .one-tr{
                                color:#333333; 
                                font-size:18px;
                            }
                        .one-right{
                                color:#666666;
                                font-size:18px;
                                font-weight:600;
                                line-height: 113px;
                                position: absolute;
                                top:0;
                                right: 30px;
                            }
                    }
                    .li-three{
                        width:1072px;
                        height: 112px;
                        border-bottom:1px solid #d2d2d2;
                        position: absolute;
                        left: 0;
                        top:270px;
                        .one-th{
                                font-size: 23px;
                                color:#f38409;
                                font-weight:600;
                                padding-top:32px;
                                margin-bottom:19px;
                            }
                        .one-tr{
                                color:#333333; 
                                font-size:18px;
                            }
                        .one-right{
                                color:#666666;
                                font-size:18px;
                                font-weight:600;
                                line-height: 113px;
                                position: absolute;
                                top:0;
                                right: 30px;
                            }
                    }
                    .li-four{
                        width:1072px;
                        height: 87px;
                        position: absolute;
                        left: 0;
                        top:379px;
                        .one-th{
                                font-size: 23px;
                                color:#f38409;
                                padding-top:30px;
                                font-weight:600;
                                margin-bottom:15px;
                            }
                        .one-tr{
                                color:#333333; 
                                font-size:18px;
                            }
                        .one-right{
                                color:#666666;
                                font-size:18px;
                                font-weight:600;
                                line-height: 113px;
                                position: absolute;
                                top:0;
                                right: 30px;
                            }
                    }
                }
            }
            
        }
        .Settlement{
            width:100%;
            height:577px;
            position: relative;
            display: flex;
            align-items: center;
            .Settlement-content{
              width:1073px;
              height:350px;
              margin:0 auto;
              display: flex;
              flex-direction: row;
                .Settlement-left{
                        width:459px;
                        height:350px;
                        margin-right: 103px;
                        .left-nav{
                        font-size:30px;
                        color:#343434;
                        font-weight:600;
                        margin-bottom:30px;
                        }
                        .left-img{
                            width:459px;
                            height:291px;
                            img{
                                width:100%;
                                height:100%;
                            }
                        }
                }
                .Settlement-right{
                    width:505px;
                    height: 314px;
                    .right-one{
                        margin-top:38px;
                        margin-bottom: 40px;
                        .right-nav{
                        font-size:25px;
                        font-weight:600;
                        margin-bottom:25px;
                        }
                        .right-tr{
                            font-size:16px;
                            color:#b2b2b2;
                            line-height:25px;
                        }
                    }
                    .right-two{
                        .right-nav{
                        font-size:25px;
                        font-weight:600;
                        margin-bottom:25px;
                        }
                        .right-tr{
                            font-size:16px;
                            color:#8e8e8e;
                            line-height:25px;
                        }
                    }
                }
            }
        }
        .Asset{
            width:100%;
            height:620px; 
            background: #f7f7f7;
            display: flex;
            justify-content: center;
            align-items: center;
            .Asset-content{
                width:980px;
                height:290px;
                display: flex;
                fill-opacity: row;
                .Asset-left{
                    width:395px;
                    height:180px;
                    margin-top:55px;
                    margin-right:108px;
                    .left-nav{
                        font-size:30px;
                        font-weight:600;
                        margin-bottom:10px;
                    }
                    .left-border{
                        width:58px;
                        border:2px solid #f3804b;
                        margin-bottom:36px;
                    }
                    .left-tr{
                        font-size:18px;
                        line-height:35px;
                        color:#959595;
                        letter-spacing:0.5px;
                    }
                }
                .Asset-right{
                    width:480px;
                    height: 290px;
                    img{
                        width:100%;
                        height:100%;
                    }
                }
            }
        }
        .increment{
           width:100%;
           height:515px;
           display: flex;
           align-items: center;
           justify-content: center;
           .increment-content{
               width:915px;
               height:283px;
               display: flex;
               flex-direction: row;
               .increment-left{
                   width:246px;
                   height:283px;
                   margin-right:210px;
                   img{
                       width:100%;
                       height:100%;
                   }
               }
               .increment-right{
                   width:456px;
                   height:140px;
                   margin-top:65px;
                   .right-nav{
                       font-size:25px;
                       margin-bottom:18px;
                   }
                   .right-border{
                       width:58px;
                       margin-bottom:33px;
                       border:2px solid #f2850b;
                   }
                   .right-tr{
                       font-size:18px;
                       color:#cbcbcb;
                       letter-spacing:0.5px;
                       line-height:33px;
                   }
               }
           }
        }
        .Borrow{
          width:100%;
          height:770px;
          background:#f7f7f7;
          position: relative;
          display:flex;
          align-items: center;
          .Borrow-content{
              width:924px;
              height:475px;
              margin:0 auto;
              display: flex;
              flex-direction: column;
              .Borrow-nav{
                  font-size:30px;
                  font-weight:600;
              }
              .Borrow-border{
                  width:58px;
                  margin-top:15px;
                  margin-bottom:30px;
                  border:2px solid #f2850b;
              }
              .Borrow-tr{
                  font-size:20px;
                  letter-spacing: 0.2px;
                  margin-bottom:66px;
              }
              .Borrow-img{
                  width:893px;
                  height:310px;
                  margin-left:32px;
                  img{
                      width:100%;
                      height:100%;
                  }
              }
          }
        }
        .condition{
            width:100%;
            height:990px;
            .condition-content{
                width:995px;
                height:990px;
                margin:0 auto;
               .content-one{
                   width:995px;
                   height:140px;
                   margin-top:130px;
                 .one-nav{
                    font-size:30px;
                    font-weight:600;
                    margin-bottom: 15px;
                 }
                 .one-bottom{
                     width:58px;
                     border:2px solid #f3840b;
                     margin-bottom:31px;
                 }
                 .one-tr{
                     width:942px;
                     font-size:20px;
                     line-height:35px;
                     letter-spacing:0.5px;
                     color:#a7a7a7;
                 }
               }
               .content-two{
                   width:995px;
                   height:415px;
                   margin-top:152px;
                   .two-nav{
                       font-size:30px;
                       font-weight:600;
                       margin-bottom: 70px;
                   }
                   .two-cont{
                       width:995px;
                       height:310px;
                       display: flex;
                       flex-direction: row;
                     .cont-left{
                         width:450px;
                         height:310px;
                         margin-right:82px;
                         .left-nav{
                            width:450px;
                            height:40px;
                            border-bottom:1px solid black;
                            font-size:25px;
                            font-weight:600;
                            letter-spacing: 0.5px;
                         }
                         .left-border{
                             width:170px;
                             border:2px solid #fe9b00;
                             margin-top:-4px;
                             margin-bottom:40px;
                         }
                         .left-content{
                             width:450px;
                             height:230px;
                            .left-one{
                                display:flex;
                                flex-direction: row;
                                align-items: center;
                                .one-p{
                                    width:31px;
                                    height:31px;
                                    text-align: center;
                                    line-height:33px;
                                    font-size:18px;
                                    color:#fff;
                                    background: #ff6600;
                                    border-radius:50%;
                                }
                                .two-p{
                                    margin-left:15px;
                                    font-size:21px;
                                    color:#747474;
                                    letter-spacing:1px;
                                }
                            }
                         }
                     }
                     .cont-right{
                         width:450px;
                         height:310px;
                         .left-nav{
                            width:450px;
                            height:40px;
                            border-bottom:1px solid black;
                            font-size:25px;
                            font-weight:600;
                            letter-spacing: 0.5px;
                         }
                         .left-border{
                             width:170px;
                             border:2px solid #fe9b00;
                             margin-top:-4px;
                             margin-bottom:40px;
                         }
                         .left-content{
                             width:450px;
                             height:230px;
                            .left-one{
                                display:flex;
                                flex-direction: row;
                                align-items: center;
                                .one-p{
                                    width:31px;
                                    height:31px;
                                    text-align: center;
                                    line-height:33px;
                                    font-size:18px;
                                    color:#fff;
                                    background: #ff6600;
                                    border-radius:50%;
                                }
                                .two-p{
                                    margin-left:15px;
                                    font-size:21px;
                                    color:#747474;
                                    letter-spacing:1px;
                                }
                            }
                         }
                     }
                   }
               }
            }
        }
    }
}
</style>